<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>iUI Touch - Gallery - iUI Touch</title>
	<meta name="description" content="iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices.">
		<link href="medias/images/favicon.png" rel="icon" type="image/png" /> 
	<link href="medias/images/favicon.ico" rel="shortcut icon" />
	<link rel="image_src" type="image/jpeg" href="medias/images/thumb.jpg" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

	<link rel='stylesheet' type='text/css' media="screen" href='medias/css/globals.css' />
	<link rel='stylesheet' type='text/css' media="screen" href='medias/css/gallery.css' />
	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" media="screen" href="medias/css/ie6.css"><![endif]-->
	
	<script type='text/javascript' src="medias/scripts/global.js"></script>
</head>

<body>
	<div id="main">
		<div id="header">
			<ul>
				<li><a href="index.html" class="home"><span>Home</span></a></li>
				<li><a href="about.html" class="about"><span>About</span></a></li>
				<li><a href="demo.html" class="demo"><span>Demo</span></a></li>
				<li><a href="download.html" class="download"><span>Download</span></a></li>
				<li><a href="documentation/" class="documentation"><span>Documentation</span></a></li>
				<li><a href="gallery.html" class="gallery active"><span>Gallery</span></a></li>
				<li><a href="get-involved.html" class="involved"><span>Get Involved</span></a></li>
			</ul>
			<form method="GET" action="search" name="header_search">
				<a href="#" id="emptysearch" onclick="empty('search_q');hide(this.id)"></a>
				<input type="text" name="q" id="search_q" class="searchform" onFocus="checkHeaderSearch()" onKeyUp="checkHeaderSearch()" value="">
				<input type="submit" value="search" class="hide">
			</form>
		</div>
		
		<hr>
		
		<div id="content">
			<div id="intro">
				<h1>iUI Touch Web Framework</h1>
				<h2>for iPhone, iPad & high-end Touch devices</h2>
			</div>
			
			<div id="breadcrumbs">
				<span class="bleft"></span>
				<p><strong>iUI Touch :: Gallery</strong> :: iUI Touch</p>
				<span class="bright"></span>
			</div>
			
			<div class="row">
				<div class="gallery-preview">
					<div class="light"></div>
					<div class="screen1"><img src="medias/gallery/iui-screen1.jpg" /></div>
					<div class="screen2"><img src="medias/gallery/iui-screen2.jpg" /></div>
				</div>
				<div class="view">
					<h3>iUI Touch</h3>
					<ul>
						<li><strong>Author:</strong> iUI Team</li>
						<li><strong>Author website:</strong> <a href="http://code.google.com/p/iui/" target="_blank">http://code.google.com/p/iui/</a></li>
						<li><strong>Post date:</strong> August 2010</li>
					</ul>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut turpis ut leo accumsan egestas sed nec urna. Vestibulum condimentum fringilla lacinia. Vivamus accumsan, lorem at lobortis lobortis, nunc neque porta justo, et tincidunt metus diam non libero. Donec ut erat sit amet nisl molestie euismod et eget tellus. Proin pellentesque gravida egestas. Nullam posuere, velit at dictum laoreet, tellus neque volutpat augue, id placerat magna tortor non turpis.
					</p>
					<p>
						<a href="http://iui.googlecode.com/hg/web-app/samples/music/music.html" target="_blank" class="btn">View it!</a>
					</p>
					<p>
						<a href="gallery.html">< back to the gallery</a>
					</p>
				</div>
			</div>
			<div class="row slider">
				<span class="bleft"></span>

				<a class="bleft" href="#"></a>

				<div id="gallery_slider">
					<span class="mleft"></span>
					<span class="mright"></span>
					<ul>
						<li><a onclick="gallerySwitcher('iui')"><img src="medias/gallery/iui-thumb.jpg" /></a></li>
						<li><a onclick="gallerySwitcher('iui')"><img src="medias/gallery/iui-thumb.jpg" /></a></li>
						<li><a onclick="gallerySwitcher('iui')"><img src="medias/gallery/iui-thumb.jpg" /></a></li>
						<li><a onclick="gallerySwitcher('iui')"><img src="medias/gallery/iui-thumb.jpg" /></a></li>
					</ul>
				</div>

				<a class="bright" href="#"></a>

				<span class="bright"></span>
			</div>

		</div>
		
		<hr>
		
		<div id="footer">
			<span class="bleft"></span>
			<span class="bright"></span>
			<div class="footer1">
				<h5>Submit your webapp or website to the gallery!</h5>
				<span class="image"></span>
				<p>
					You create a webapp or website using iUI Touch and would like to see it in this gallery? You're more than welcome, it just take a few minutes!<br />
				</p>
				<p>
					<a href="gallery-add.html">Add my webapp or website to the gallery</a>					
				</p>
			</div>
			<div class="footer2">
				<h5>Explore dozens of themes for iUI</h5>
				<span class="image"></span>
				<p>
					<a href="themes.html">explore the gallery</a>
				</p>
			</div>
		</div>
		
		<hr>
		
		<p class="footer">
			Copyright &copy; since 2007 iUI - iUI Touch is an opensource framwork released under LGPL license.<br />
			<a href="">sitemap</a> I <a href="">press</a> I <a href="">donate</a>
		</p>

	</div>
</body>
</html>
